<template>
    <div id="NotDataBar">
        <el-icon :size="100">
            <FolderOpened></FolderOpened>
        </el-icon>
        <h1>暂无{{ props.keyWord }}数据</h1>
    </div>
</template>

<script setup>
import { defineProps } from 'vue';
/**
 * 接收无数据消息参数：关键词
 */
const props = defineProps({
    keyWord: {
        default: '',
        type: String,
    },
})
</script>

<style lang="scss" scoped>
#NotDataBar {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

h1 {
    font-size: 2.5rem;
}
</style>